<template>
  <div class="detail">
    <div class="title">如何理解执行上下文</div>
    <div
      class="answer"
    >推荐一款非常实用的截屏取色的小工具，叫 faststone capture, 体积小，但功能很强大，可以截屏，拾取颜色，录屏，做标尺获取像素宽度，图片转pdf等等实用功能</div>
    <div class="bottom">
      <van-button type="primary" size="small">上一题</van-button>
      <van-button type="primary" size="small">下一题</van-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='scss' scoped>
.detail {
  position: absolute;
  height: 100vh;
  background-color: #f5f5f5;
  overflow: hidden;
  .title {
    padding: 0 20px;
    width: 100%;
    height: 54px;
    display: flex;
    align-items: center;
    background-color: white;
  }
  .answer {
    padding: 0 20px;
    margin-top: 40px;
  }
  .bottom {
    position: fixed;
    width: 60%;
    height: 60px;
    background-color: white;
    bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 60px;
    left: 50%;
    transform: translateX(-50%);
  }
}
</style>
